const ipt = document.getElementById('ipt')
const content = document.getElementById('content')
//wait 1000
function debounce(fn, wait) {  
    //timeout设置null,timeout的状态一直在内存中，下面的函数可以修改和访问。 
    var timeout = null;    
    return function() {        
        if(timeout !== null){
            //如果已经设置了延时器，就把设置的延时器清除
            clearTimeout(timeout); 
        }  
        //设置一个新的延时器     
        timeout = setTimeout(fn, wait);    
    }
}



function handleInput(){
    content.innerText = ipt.value
    //向后端发送数据
}

let debounceInput = debounce(handleInput,500)
// debounceInput()
// debounceInput()
// debounceInput()

ipt.addEventListener('input',debounceInput)